// @use "./reset";
// @use "./component";//组件内样式

* {
    padding:0;
    margin: 0;
	font-size: 100%;
}



// 文字大小
.admin-font-size-12{ font-size: 12px; }
.admin-font-size-14{ font-size: 14px; }
.admin-font-size-16{ font-size: 16px; }
.admin-font-size-18{ font-size: 18px; }
.admin-font-size-20{ font-size: 20px; }



// flex布局常用
.admin-flex{
    display: flex;
    align-items: center;
}
.admin-flex-around{
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.admin-flex-center{
    display: flex;
    align-items: center;
    justify-content: center;
}
.admin-flex-between{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.admin-flex-end{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.admin-flex-column{
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.admin-flex-around-column{
    display: flex;
    justify-content: space-around;
    flex-direction: column;
}
.admin-flex-between-column{
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}
.admin-flex-center-column{
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items:center;
}

// 溢出隐藏显示...
.admin-ellipsis-1{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.admin-ellipsis-2{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}


// 滚动条样式
::-webkit-scrollbar{
    width: 8px;
    height: 8px;
    background-color: #F5F5F5;
}
/*定义滚动条轨道内阴影+圆⾓*/
::-webkit-scrollbar-track{
    // -webkit-box-shadow: inset 0 0 6px rgba(237,237,240,.3);
    // border-radius: 6px;
    background-color: #FAFAFA;
}
/*定义滑块内阴影+圆⾓*/
::-webkit-scrollbar-thumb{
    border-radius: 6px;
    // -webkit-box-shadow: inset 0 0 6px rgba(237,237,240,.3);
    background-color: #C6C6C6;
}